﻿@{
    ViewBag.Title = "Hotelucho - Confirmar Reserva";
}

<h2>Nueva Reserva</h2>
<div style="overflow:auto;">    
    <div id="datosReserva" class="datosReserva">
        <h3>Datos de su reserva</h3>
        <div>
            <p><b>Fecha de Ingreso: </b>@ViewBag.FechaIn.ToString("dd/MM/yyyy")</p>
            <p><b>Fecha de Salida: </b>@ViewBag.FechaOut.ToString("dd/MM/yyyy")</p>
        </div>
        <br />
        <div>
            <h4><b>Tipo de habitacion</b></h4>
            <p><b>@ViewBag.Categoria.Nombre</b></p>
            <p>@ViewBag.Categoria.Descripcion</p>
            <p><b>Precio por dia: </b>$ @ViewBag.Categoria.Precio</p>
        </div>
        <br />
        <h4><b>TOTAL</b></h4>
        <h4><b>$ @(((ViewBag.FechaOut - ViewBag.FechaIn).TotalDays) * ViewBag.Categoria.Precio)</b></h4>
    </div>

    <div id="datosCliente"  class="datosCliente">
        <form method="post" action="@Url.Action("ConfirmarReserva", "Reserva", new { idCategoria = ViewBag.Categoria.IdCategoria, fechaIn = ViewBag.FechaIn, fechaOut = ViewBag.FechaOut })">
            <h3>Datos Personales</h3>
            <p>Por favor ingrese los siguientes datos personales</p>
            <div class="alert alert-danger" id="error" hidden="hidden">
                Por favor corrija los errores e intente nuevamente.
            </div>
            <div id="nombreDiv" class="form-group">
                <label class="control-label">Nombre</label>
                <input required class="form-control" id="txtNombre" name="txtNombre" type="text" />
                <span id="nombreHelpBlock" class="help-block" hidden></span>          
            </div>
            <div id="apellidoDiv" class="form-group">
                <label class="control-label">Apellido</label>
                <input required class="form-control" id="txtApellido" name="txtApellido" type="text" />
                <span id="apellidoHelpBlock" class="help-block" hidden></span>          
            </div>
            <div id="dniDiv" class="form-group">
                <label class="control-label">DNI</label>
                <input required class="form-control" id="txtDni" name="txtDNI" type="text" />
                <span id="dniHelpBlock" class="help-block" hidden></span>          
            </div>
            <div id="emailDiv" class="form-group">
                <label class="control-label">eMail</label>
                <input required id="txtEmail" class="form-control" name="txtEmail" type="text" />
                <span id="emailHelpBlock" class="help-block" hidden></span>          
            </div>
            <div id="telefonoDiv" class="form-group">
                <label class="control-label">Telefono</label>
                <input required class="form-control" id="txtTelefono" name="txtTelefono" type="text" />
                <span id="telefonoHelpBlock" class="help-block" hidden></span>          
            </div>
            <button id="btnSubmit" class="btn btn-success" type="submit">Confirmar Reserva</button>
            <a class="btn btn-warning" href="@Url.Action("Index", "Home")" >Cancelar</a>
        </form>
    </div>
</div>
<script src="../../Scripts/ValidarForm.js"></script>
